<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <base href="${request.contextPath}/"/>
    <#import "/spring.ftl" as spring>
    <title><@spring.message code="login.tip"/></title>
    <link rel="shortcut icon" href="${request.contextPath}/favicon.ico" type="image/x-icon" />
    <link href="${request.contextPath}/zhny/css/reset.css" rel="stylesheet" type="text/css">
    <link href="${request.contextPath}/zhny/css/jianCeShuJu_xx_2.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="${request.contextPath}/zhny/js/echarts.js"></script>

    <script src="${request.contextPath}/zhny/js/jquery.min.js"></script>
    <!--字体缩放js-->
    <script src="${request.contextPath}/zhny/js/js-style.js"></script>
    <!--end字体缩放js-->
    <!--动态特效-->
    <link href="${request.contextPath}/zhny/css/style.css" rel="stylesheet" type="text/css" />

</head>
<body >


<!--top-->


<header class="header">
    <div class="header_box clearfix">
        <div class="header_box_l">
            <p>hello,<@spring.message code="index.wel"/></p>
        </div>
        <div class="header_box_c">
            <div class="masked"><@spring.message code="login.tip"/></div>
        </div>
        <div class="header_box_r ">
            <a href="${request.contextPath}/sy/wlwjd/qxdatanew.html?dkid=${dkid}&locale=zh_CN" target="_self">中文版</a>
            <a href="${request.contextPath}/sy/wlwjd/qxdatanew.html?dkid=${dkid}&locale=en_US" target="_self">English</a>
            <a href="${request.contextPath}/sy/logout" target="_self"><@spring.message code="index.out"/></a>
        </div>
    </div>
</header>
<!--end top-->

<div class="comment clearfix">
    <!--左侧-->
    <div class="w_1">
        <div class="map_l">
            <div class="comment_title">
                <h4>${land.massifName}</h4>
            </div>
            <div class="line"></div>
            <div class="comment_box" style="margin-top: 2%">
                <div class="dt_map">
<!--                    <div class="sheXiangTou" style="left: 50%;top:50%;" title="视频监控" >-->
<!--                        <span class="span-1 s"></span>-->
<!--                    </div>-->
                    <#list listsp as dws>
                    <div class="sheXiangTou" style="top:${dws.top!'50%'};left: ${dws.left!'50%'};" onclick="show(${dws.spnum!'40'})" title="视频监控" >
                        <span class="span-1 s"></span>
                    </div>
                     </#list>
<!--                    <div class="sheXiangTou" style="left: 60%;top:60%;" title="传感器" >-->
<!--                        <span class="span-2 s"></span>-->
<!--                    </div>-->
                    <div class="wenda_x">
                        <img src="${imgurl}">
                    </div>
                </div>
            </div>
        </div>
        <div class="map_l_down ">
            <ul class="clearfix">
                <li>
                    <span><@spring.message code="jzny.dqfs"/>：</span><p id="fs">5级</p>
                </li>
                <li>
                    <span><@spring.message code="jzny.dqfx"/>：</span><p id="fx">西南风</p>
                </li>
                <li>
                    <span><@spring.message code="nydsj.ph"/>：</span><p>${ph}</p>
                </li>

            </ul>
        </div>
    </div>

    <div class="shuju_r clearfix">
        <div class="shuju_r_box">
            <div class="comment_title">
                <h4><@spring.message code="jzny.kqwd"/></h4>
            </div>

            <div class="comment_box">
                <div id="main1" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        function getLocalTime(obj) {
                            var date = new Date(obj);
                            var y = 1900+date.getYear();
                            var m = "0"+(date.getMonth()+1);
                            var d = "0"+date.getDate();
                            var h = "0"+date.getHours();
                            var m ="0"+ date.getMinutes();
                            var s = "0"+date.getSeconds();
                            //return y+"-"+m.substring(m.length-2,m.length)+"-"+d.substring(d.length-2,d.length);
                            return h.substring(h.length-2,h.length)+":"+s.substring(s.length-2,s.length);
                        }
                        // function getLocalTime(timestamp) {
                        //     var newDate = new Date();
                        //     newDate.setTime(timestamp * 1000);
                        //     return newDate.toLocaleDateString().replace(/年|月/g, "-").replace(/日/g, " ").replace(/\//g, "-").replace(/\//g, " ");
                        // }


                        var listqxdata='${listqxdata}';
                        var listqxdata2='${listqxdata2}';
                        var kqwddata=[];
                        var kqsddata=[];
                        var yldata=[];
                        var eyhtdata=[];
                        var gzdata=[];
                        var timedata=[];

                        var trwddata=[];
                        var trsddata=[];

                        var kq=$.parseJSON(listqxdata);
                        var tr=$.parseJSON(listqxdata2);
                        console.log(kq);
                        $.each(kq, function (index, item) {
                            timedata.push(getLocalTime(item.createTime));
                            kqwddata.push(item.kqwd);
                            kqsddata.push(item.kqsd);
                            yldata.push(item.yl);
                            eyhtdata.push(item.eyht);
                            gzdata.push(item.gz);
                            if(index==0){
                                $("#fs").html(item.fs);
                                $("#fx").html(item.fx);
                            }

                        });
                        $.each(tr, function (index, item) {
                            trwddata.push(item.trwd);
                            trsddata.push(item.trsd);

                        });


                        /*-----------------------------main-----------------------------*/
                        var myChart1 = echarts.init(document.getElementById('main1'));


                        option = {
                            title: {
                                textStyle: {
                                    fontWeight: 'normal',
                                    fontSize: 19,
                                    color: '#aaa'
                                },
                                left: '6%'
                            },

                            legend: {
                                icon: 'rect',
                                itemWidth: 14,
                                itemHeight: 5,
                                itemGap: 13,
                                data: ['空气', '土壤', '联通'],
                                right: '4%',
                                textStyle: {
                                    fontSize: 12,
                                    color: '#aaa'
                                }
                            },
                            grid: {
                                left: '3%',
                                right: '4%',
                                bottom: '10%',
                                containLabel: true
                            },
                            xAxis: [{
                                type: 'category',
                                boundaryGap: false,
                                axisLine: {
                                    lineStyle: {
                                        color: '#ccc'
                                    }
                                },
                                data:timedata
                            }],
                            yAxis: [{
                                type: 'value',
                                name: '单位（°C）',
                                axisTick: {
                                    show: false
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#ccc'
                                    },

                                },
                                axisLabel: {
                                    margin: 10,
                                    textStyle: {
                                        fontSize: 12
                                    }
                                },
                                splitLine: {
                                    lineStyle: {
                                        color: '#57617B'
                                    }
                                }
                            }],
                            series: [{
                                name: '空气',
                                type: 'line',
                                smooth: true,
                                symbol: 'circle',
                                symbolSize: 5,
                                showSymbol: false,
                                lineStyle: {
                                    normal: {
                                        width: 3
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(16,97,204, 0.3)'
                                        }, {
                                            offset: 0.8,
                                            color: 'rgba(17,235,210, 0)'
                                        }], false),
                                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                                        shadowBlur: 10
                                    }
                                },
                                itemStyle: {
                                    normal: {

                                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(16,97,204,1)'
                                        }, {
                                            offset: 1,
                                            color: 'rgba(17,235,210,1)'
                                        }])
                                    },
                                    emphasis: {
                                        color: 'rgb(0,196,132)',
                                        borderColor: 'rgba(0,196,132,0.2)',
                                        extraCssText: 'box-shadow: 8px 8px 8px rgba(0, 0, 0, 1);',
                                        borderWidth: 10
                                    }
                                },
                                data: kqwddata
                             }, {
                                name: '土壤',
                                type: 'line',
                                smooth: true,
                                symbol: 'circle',
                                symbolSize: 5,
                                showSymbol: false,
                                lineStyle: {
                                    normal: {
                                        width: 3
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                            offset: 0,
                                            color: 'rgba(205,52,42, 0.5)'
                                        }, {
                                            offset: 0.8,
                                            color: 'rgba(235,235,21, 0)'
                                        }], false),
                                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                                        shadowBlur: 10
                                    },
                                },
                                itemStyle: {
                                    normal: {

                                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                            offset: 0,
                                            color: 'rgba(205,52,42,1)'
                                        }, {
                                            offset: 1,
                                            color: 'rgba(235,235,21,1)'
                                        }])
                                    },
                                    emphasis: {
                                        color: 'rgb(99,250,235)',
                                        borderColor: 'rgba(99,250,235,0.2)',
                                        extraCssText: 'box-shadow: 8px 8px 8px rgba(0, 0, 0, 1);',
                                        borderWidth: 10
                                    }
                                },
                                data: trwddata
                            }
                                 ]
                        };
                        myChart1.setOption(option);
                    </script>
                </div>
            </div>
        </div>
        <div class="shuju_r_box r">
            <div class="comment_title">
                <h4><@spring.message code="jzny.kqsd"/>(%)</h4>
            </div>
            <div class="comment_box">
                <div id="main2" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart2 = echarts.init(document.getElementById('main2'));
                        // 指定图表的配置项和数据
                        var data_val=kqsddata,
                            xAxis_val=timedata;
                        var data_val1=[0,0,0,0,0,0,0];
                        var option = {
                            grid:{
                                left:10,
                                top:'10%',
                                bottom:'15%',
                                right:40,
                                containLabel:true
                            },
                            tooltip:{
                                show:true,
                                backgroundColor:'#11a9cf',
                                borderColor:'#11a9cf',
                                borderWidth:1,
                                formatter:'{b}:{c}',
                                extraCssText:'box-shadow: 0 0 5px rgba(0, 0, 0, 1)'
                            },
                            legend:{
                                right:0,
                                top:0,
                                //data:['距离'],
                                data:[''],
                                textStyle:{
                                    color :'#5c6076'
                                }
                            },

                            xAxis: {
                                data: xAxis_val,
                                boundaryGap:false,
                                axisLine:{
                                    show:false
                                },
                                axisLabel: {
                                    textStyle: {
                                        color: '#5c6076'
                                    }
                                },
                                axisTick:{
                                    show:false
                                }
                            },
                            yAxis: {
                                ayisLine:{
                                    show:false
                                },
                                axisLabel: {
                                    textStyle: {
                                        color: '#5c6076'
                                    }
                                },
                                splitLine:{
                                    show:true,
                                    lineStyle:{
                                        color:'#2e3547'
                                    }
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#384157'
                                    }
                                }
                            },

                            series: [
                                {
                                    type: 'bar',
                                    name:'linedemo',


                                    tooltip:{
                                        show:false
                                    },
                                    animation:false,
                                    barWidth:1.4,
                                    hoverAnimation:false,
                                    data:data_val,
                                    itemStyle:{
                                        normal:{
                                            color:'#11a9cf',
                                            opacity:0.6,
                                            label:{
                                                show:false
                                            }
                                        }
                                    }
                                },
                                {
                                    type: 'line',
                                    name:'距离',

                                    animation:false,
                                    symbol:'circle',

                                    hoverAnimation:false,
                                    data:data_val1,
                                    itemStyle:{
                                        normal:{
                                            color:'#11a9cf',
                                            opacity:0,
                                        }
                                    },
                                    lineStyle:{
                                        normal:{
                                            width:1,
                                            color:'#384157',
                                            opacity:1
                                        }
                                    }
                                },
                                {
                                    type: 'line',
                                    name:'linedemo',
                                    smooth:true,
                                    symbolSize:10,
                                    animation:false,
                                    lineWidth:1.2,
                                    hoverAnimation:false,
                                    data:data_val,
                                    symbol:'circle',
                                    itemStyle:{
                                        normal:{
                                            color:'#11a9cf',
                                            shadowBlur: 40,
                                            label:{
                                                show:true,
                                                position:'top',
                                                textStyle:{
                                                    color:'#11a9cf',

                                                }
                                            }
                                        }
                                    },
                                    areaStyle:{
                                        normal:{
                                            color:'#11a9cf',
                                            opacity:0.08
                                        }
                                    }

                                }
                            ]
                        };

                        myChart2.setOption(option);
                    </script>
                </div>
            </div>
        </div>
        <div class="shuju_r_box">
            <div class="comment_title">
                <h4><@spring.message code="nydsj.jyyl"/>(mm/min)</h4>
            </div>
            <div class="comment_box">
                <div id="main3" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart3 = echarts.init(document.getElementById('main3'));
                        var colors = ['#5793f3', '#d14a61', '#675bba'];

                        var option = {
                            color: ['#2adecf'],
                            textStyle: {
                                color: 'rgb(222,222,222)',
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'shadow'
                                }
                            },
                            legend: {
                                data: ['CO2浓度', '降雨量'],
                                textStyle: {
                                    color: '#ccc'
                                }
                            },
                            grid: {
                                left: '3%',
                                right: '3%',
                                bottom: '15%',
                                top: '15%',
                                containLabel: true
                            },
                            xAxis: [{
                                data: timedata,
                                axisLine: {
                                    show: true
                                },
                                splitLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                axisLabel: {
                                    interval: 0,
                                    rotate: 0
                                }
                            }],
                            yAxis: [{
                                type: 'value',
                                name: 'CO2浓度(ppm)',
                                axisLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                splitLine: {
                                    show: false
                                },
                                axisLabel: {}
                            },
                                {
                                    type: 'value',
                                    name: '降雨量  ',
                                    axisLine: {
                                        show: false
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    splitLine: {
                                        show: false
                                    },
                                    axisLabel: {}
                                }
                            ],
                            series: [{
                                name: 'CO2浓度',
                                type: 'bar',
                                barWidth: '20%',
                                itemStyle: {
                                    normal: {
                                        barBorderRadius: [30, 30, 0, 0],
                                        color: new echarts.graphic.LinearGradient(
                                                0, 1, 0, 0, [{
                                                    offset: 0,
                                                    color: '#719aff'
                                                }, {
                                                    offset: 1,
                                                    color: '#51c3ff'
                                                }]
                                        )
                                    }
                                },
                                data: eyhtdata
                            }, {
                                name: '降雨量',
                                type: 'line',
                                yAxisIndex: 1,
                                itemStyle: {
                                    normal: {
                                        color: '#ffe898',
                                        barBorderRadius: [30, 30, 0, 0],
                                        lineStyle: {
                                            color: '#ffe898'
                                        },
                                    }
                                },
                                data:yldata,
                                markLine: {
                                    symbol: 'none',
                                    itemStyle: {
                                        normal: {
                                            lineStyle: {
                                                type: 'dashed',
                                                color: 'red'
                                            },
                                            label: {
                                                show: true,
                                                position: 'left'
                                            }
                                        }
                                    },
                                    large: true,
                                    effect: {
                                        show: false,
                                        loop: true,
                                        period: 0,
                                        scaleSize: 2,
                                        color: null,
                                        shadowColor: null,
                                        shadowBlur: null
                                    },
                                    data: [
                                        [{
                                            name: '',
                                            xAxis: '',
                                            yAxis: ''
                                        },
                                            {
                                                name: '',
                                                xAxis: '',
                                                yAxis: ''
                                            }
                                        ]
                                    ]
                                }
                            }]
                        }
                        myChart3.setOption(option);
                    </script>
                </div>
            </div>
        </div>
        <div class="shuju_r_box r">
            <div class="comment_title">
                <h4><@spring.message code="nydsj.trhjzl"/>(mg/kg)</h4>
            </div>
            <div class="comment_box">
                <div id="main4" style="width: 100%;height: 90%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart4 = echarts.init(document.getElementById('main4'));
                        var plantCap = [{
                            name: '镉',
                            value: '0.8'
                        }, {
                            name: '汞',
                            value: '1.3'
                        }, {
                            name: '砷',
                            value: '20'
                        }, {
                            name: '铜',
                            value: '340'
                        }, {
                            name: '铅',
                            value: '420'
                        }, {
                            name: '铬',
                            value: '270'
                        }, {
                            name: '锌',
                            value: '380'
                        }, {
                            name: '镍',
                            value: '140'
                        }];

                        var datalist = [{
                            offset: [56, 48],
                            symbolSize: 120,
                            opacity: .95,
                            color: '#52c2ff'
                        }, {
                            offset: [35, 80],
                            symbolSize: 95,
                            opacity: .88,
                            color: '#6f9dff'
                        }, {
                            offset: [20, 43],
                            symbolSize: 90,
                            opacity: .84,
                            color: '#11a9cf'
                        }, {
                            offset: [83, 30],
                            symbolSize: 90,
                            opacity: .8,
                            color: '#11e8d2'
                        }, {
                            offset: [36, 20],
                            symbolSize: 65,
                            opacity: .75,
                            color: '#d87522'
                        }, {
                            offset: [64, 10],
                            symbolSize: 70,
                            opacity: .7,
                            color: '#11bed0'
                        }, {
                            offset: [75, 75],
                            symbolSize: 60,
                            opacity: .68,
                            color: '#6ba1ff'
                        }, {
                            offset: [88, 62],
                            symbolSize: 50,
                            opacity: .6,
                            color: '#e5c31a'
                        }];
                        var datas = [];
                        for (var i = 0; i < plantCap.length; i++) {
                            var item = plantCap[i];
                            var itemToStyle = datalist[i];
                            datas.push({
                                name: item.value + '\n' + item.name,
                                value: itemToStyle.offset,
                                symbolSize: itemToStyle.symbolSize,
                                label: {
                                    normal: {
                                        textStyle: {
                                            fontSize: 11
                                        }
                                    }
                                },
                                itemStyle: {
                                    normal: {
                                        color: itemToStyle.color,
                                        opacity: itemToStyle.opacity
                                    }
                                },
                            })
                        }
                        option = {
                            grid: {
                                show: false,
                                top: 10,
                                bottom: 10
                            },
                            xAxis: [{
                                gridIndex: 0,
                                type: 'value',
                                show: false,
                                min: 0,
                                max: 100,
                                nameLocation: 'middle',
                                nameGap: 5
                            }],
                            yAxis: [{
                                gridIndex: 0,
                                min: 0,
                                show: false,
                                max: 100,
                                nameLocation: 'middle',
                                nameGap: 30
                            }],
                            series: [{
                                type: 'scatter',
                                symbol: 'circle',
                                symbolSize: 120,
                                label: {
                                    normal: {
                                        show: true,
                                        formatter: '{b}',
                                        color: '#fff',
                                        textStyle: {
                                            fontSize: '20'
                                        }
                                    },
                                },
                                itemStyle: {
                                    normal: {
                                        color: '#00acea'
                                    }
                                },
                                data: datas
                            }]
                        };
                        myChart4.setOption(option);
                    </script>
                </div>
            </div>
        </div>
        <div class="shuju_r_box">
            <div class="comment_title">
                <h4><@spring.message code="jzny.trsd"/>(%)</h4>
            </div>
            <div class="comment_box">
                <div id="main5" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart5 = echarts.init(document.getElementById('main5'));
                        var datas =trsddata;
                        option = {


                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    lineStyle: {
                                        color: '#57617B'
                                    }
                                }
                            },
                            legend: {
                                icon: 'rect',
                                itemWidth: 14,
                                itemHeight: 5,
                                itemGap: 13,
                                data: ['党费'],
                                right: '4%',
                                textStyle: {
                                    fontSize: 12,
                                    color: '#F1F1F3'
                                }
                            },
                            grid: {
                                left: '1%',
                                right: '2%',
                                bottom: '8%',
                                top:'14%',
                                containLabel: true
                            },
                            xAxis: [{
                                type: 'category',
                                boundaryGap: false,
                                axisLine: {
                                    lineStyle: {
                                        color: '#ccc'
                                    }
                                },
                                data: timedata,
                                axisLabel:{
                                    interval:0,
                                    rotate:50,
                                    textStyle:{
                                        fontSize:12
                                    }
                                },
                            }],
                            yAxis: [{
                                type: 'value',
                                interval: 40,
                                max:120,
                                axisTick: {
                                    show: false
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#ccc'
                                    }
                                },
                                axisLabel: {
                                    textStyle: {
                                        fontSize: 12
                                    }
                                },
                                splitLine: {
                                    lineStyle: {
                                        color: '#57617B'
                                    }
                                }
                            }],
                            series: [{

                                type: 'line',
                                smooth: true,
                                lineStyle: {
                                    normal: {
                                        width: 2
                                    }
                                },
                                areaStyle: {
                                    normal: {
                                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                                            offset: 0,
                                            color: 'rgba(82, 191, 255, 0.3)'
                                        }, {
                                            offset: 0.8,
                                            color: 'rgba(82, 191, 255, 0)'
                                        }], false),
                                        shadowColor: 'rgba(228, 139, 76, 0.1)',
                                        shadowBlur: 10
                                    }
                                },
                                symbolSize:4,
                                itemStyle: {
                                    normal: {
                                        color: 'rgb(82, 191, 255)',
                                        borderColor:'#e48b4c'
                                    },
                                },
                                data: datas,
                            } ]
                        };
                        myChart5.setOption(option);

                    </script>
                </div>
            </div>
        </div>
        <div class="shuju_r_box r">
            <div class="comment_title">
                <h4><@spring.message code="jzny.gzqd"/>(klux)</h4>
            </div>
            <div class="comment_box">
                <div id="main6" style="width: 100%;height: 100%">
                    <script type="text/javascript">
                        /*-----------------------------main-----------------------------*/
                        var myChart6 = echarts.init(document.getElementById('main6'));
                        var xData = timedata;
                        var yData = gzdata;
                        option = {
                            color: ['#3398DB'],
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'line',
                                    lineStyle: {
                                        opacity: 0
                                    }
                                },
                                formatter: function(prams) {
                                    return  prams[0].data
                                }
                            },
                            grid: {
                                left: '0%',
                                right: '0%',
                                bottom: '15%',
                                top: '7%',
                                height: '75%',
                                containLabel: true,
                                z: 22
                            },
                            xAxis: [{
                                type: 'category',
                                gridIndex: 0,
                                data: xData,
                                axisTick: {
                                    alignWithLabel: true
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#0c3b71'
                                    }
                                },
                                axisLabel: {
                                    show: true,
                                    color: 'rgb(170,170,170)',
                                    fontSize: 10
                                }
                            }],
                            yAxis: [{
                                type: 'value',
                                gridIndex: 0,
                                splitLine: {
                                    show: false
                                },
                                axisTick: {
                                    show: false
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: '#0c3b71'
                                    }
                                },
                                axisLabel: {
                                    color: 'rgb(170,170,170)',
                                    formatter: '{value}'
                                }
                            },
                                {
                                    type: 'value',
                                    gridIndex: 0,
                                    splitNumber: 12,
                                    splitLine: {
                                        show: false
                                    },
                                    axisLine: {
                                        show: false
                                    },
                                    axisTick: {
                                        show: false
                                    },
                                    axisLabel: {
                                        show: false
                                    },
                                    splitArea: {
                                        show: true,
                                        areaStyle: {
                                            color: ['rgba(250,250,250,0.0)', 'rgba(250,250,250,0.05)']
                                        }
                                    }
                                }
                            ],
                            series: [{
                                name: '办理数',
                                type: 'bar',
                                barWidth: '30%',
                                xAxisIndex: 0,
                                yAxisIndex: 0,
                                label: {
                                    normal: {
                                        show: true,
                                        position: "top",
                                        textStyle: {
                                            color: "#ffc72b",
                                            fontSize: 16
                                        }
                                    }
                                },
                                itemStyle: {
                                    normal: {
                                        color: new echarts.graphic.LinearGradient(
                                                0, 0, 0, 1, [{
                                                    offset: 0,
                                                    color: '#00feff'
                                                },
                                                    {
                                                        offset: 0.5,
                                                        color: '#027eff'
                                                    },
                                                    {
                                                        offset: 1,
                                                        color: '#0286ff'
                                                    }
                                                ]
                                        )
                                    }
                                },
                                data: yData,
                                zlevel: 11

                            },
                                {
                                    name: '背景',
                                    type: 'bar',
                                    barWidth: '50%',
                                    xAxisIndex: 0,
                                    yAxisIndex: 1,
                                    barGap: '-135%',
                                    data: [100, 100, 100, 100, 100, 100, 100],
                                    itemStyle: {
                                        normal: {
                                            color: 'rgba(255,255,255,0.1)'
                                        }
                                    },
                                    zlevel: 9
                                },

                            ]
                        };
                        myChart6.setOption(option);

                        window.onresize = function() {

                            myChart1.resize();
                            myChart2.resize();
                            myChart3.resize();
                            myChart4.resize();
                            myChart5.resize();
                            myChart6.resize();


                        }
                    </script>
                </div>

            </div>
        </div>
    </div>


</div>
<!--nav-->
<div class="container">
    <section>
        <#if isAdmn == "TRUE">
        <button  onclick="shouye()"  class="btn btn-green btn-border-o "><@spring.message code="index.sy"/></button>
        </#if>
    <button onclick="nydsj()" class="btn btn-blue btn-border-o active2"><@spring.message code="index.sjjc"/></button>
    <button onclick="zlzs()" class="btn btn-purple btn-border-o "><@spring.message code="index.zlzs"/></button>
    <button onclick="zjzd()" class="btn btn-red  btn-border-o"><@spring.message code="index.zjzd"/></button>
    <button onclick="nybk()" class="btn btn-orange btn-border-o "><@spring.message code="index.nybk"/></button>


    </section>
</div>
<script src="${request.contextPath}/lib/video/Dvideo.js/js/Dvideo.js"></script>

<script src="${request.contextPath}/js/layer/layer.js"></script>
<script type="text/javascript">

    $(".title").css("line-height",$(".title").height() + 'px')
    $(window).resize(function(){
        $(".title").css("line-height",$(".title").height() + 'px')
    })

    function show(num) {
        layer.open({
            type: 2,
            title: '实时视频',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['893px', '600px'],
            content: 'http://47.112.208.177/jkd?u=' + num
        });

    }
    var locale="";
    window.onload = function(){
        var req = new XMLHttpRequest();
        req.open('GET', document.location, false);
        req.send(null);
        var headers = req.getAllResponseHeaders();
        locale=req.getResponseHeader('content-language');
        if(locale=="en-US"){
            locale="en_US";
        }else{
            locale="zh_CN";
        }
    }

    function zlzs(){
        window.location.href="${request.contextPath}/sy/zlzs/zlzsnew.html?locale="+locale;
    }
    function shouye(){
        window.location.href="${request.contextPath}/sy/index/indexnew.html?locale="+locale;
    }
    function zjzd(){
        window.location.href="${request.contextPath}/sy/zjwd/zjwdnew.html?locale="+locale;
    }
    function nybk(){
        window.location.href="${request.contextPath}/sy/nybk/nybknew.html?locale="+locale;
    }
    function nydsj(){
        window.location.href="${request.contextPath}/sy/nydsj/nydsjnew.html?locale="+locale;
    }


</script>

</body>
</html>
